<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="utf-8">

    <title></title>

    <!-- CSS -->
    <link rel="stylesheet/less" type="text/css" href="sea-modules/bustling/normalize/2.1.3/normalize-debug.css">
    <link href='http://fonts.googleapis.com/css?family=Slackey' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="../spm/foundation-iconfonts-2/dist/foundation_social/social_foundicons.css">
    <link rel="stylesheet" href="../spm/foundation-iconfonts-2/dist/foundation_general/general_foundicons.css">

    <link rel="stylesheet/less" type="text/css" href="less/index.less">

    <style type="text/css">
    </style>
    <!-- CSS -->
</head>
<body class="row-col">

<header class="Header row-str">

    <span class="Logo">
        Bustling
    </span>

    <span class="NavLvOne flex-1">
        <nav>
            <span>Bustling</span>
            <span>前端观察</span>
            <span>前端工具</span>
            <span>前端导航</span>
        </nav>
    </span>

    <span>
        <i class="rss_icon"></i>
    </span>

</header>

<section class="row-str flex-1">

    <aside class="NavLvTwo">
        <nav>
            <span>页面结构</span>
            <span>CSS工具</span>
            <span>GRID栅格系统</span>
            <span>组件集</span>
            <span>效果集</span>
            <span>MVC</span>
        </nav>
    </aside>

    <article class="flex-1 row-col">

        <div class="row">
            <span class="row">
                <i class="left-icon"></i>
            </span>
            <span class="flex-1 row">
                <span class="row">
                    /一级菜单/二级菜单/三级菜单
                </span>
                <input type="text"/>
            </span>
            <span class="row">
                <i class="up-icon"></i>
            </span>
        </div>

        <div>
            <nav>
                <span>三级标题_1</span>
                <span>三级标题_2</span>
                <span>三级标题_3</span>
                <span>三级标题_4</span>
                <span>三级标题_5</span>
            </nav>
        </div>

        <div class="flex-1 row-str">

            <article class="flex-1">
                <header>
                    文章标题
                </header>
            </article>

            <aside>
                <nav class="row-col">
                    <span>文章结构</span>
                    <span>文章结构</span>
                    <span>文章结构</span>
                    <span>文章结构</span>
                    <span>文章结构</span>
                    <span>文章结构</span>
                </nav>
            </aside>

        </div>

    </article>

</section>

<!-- JS -->
<script type="text/javascript" src="sea-modules/bustling/jquery/1.10.2/jquery-debug.js"></script>
<script type="text/javascript" src="sea-modules/bustling/less/1.5.1/less-debug.js"></script>
<script type="text/javascript" src="sea-modules/bustling/modernizr/2.7.1/modernizr-debug.js"></script>
<script type="text/javascript">

</script>
<!-- JS -->
</body>
</html>